import React from 'react'
import './Recommendedforyou.scss'
import Recommendedforyou1 from '../../assets/images/Recommendedforyou/1.jpg'
import Recommendedforyou2 from '../../assets/images/Recommendedforyou/2.jpg'
import Recommendedforyou3 from '../../assets/images/Recommendedforyou/3.jpg'
import Recommendedforyou4 from '../../assets/images/Recommendedforyou/4.jpg'
import Recommendedforyou5 from '../../assets/images/Recommendedforyou/5.jpg'
import Recommendedforyou6 from '../../assets/images/Recommendedforyou/6.jpg'
import Recommendedforyou7 from '../../assets/images/Recommendedforyou/7.jpg'
import Recommendedforyou8 from '../../assets/images/Recommendedforyou/8.jpg'
import Recommendedforyou9 from '../../assets/images/Recommendedforyou/9.jpg'
import Recommendedforyou10 from '../../assets/images/Recommendedforyou/10.jpg'
import Recommendedforyou11 from '../../assets/images/Recommendedforyou/11.jpg'
function Recommendedforyou() {
    const picture=()=>{
        console.log(1112);
    }
  return (
    <div className='Recommendedforyou'>
      <h2>为你推荐</h2>
      <ul className='Recommendedforyouul'>
        <li><img src={Recommendedforyou1} alt=""/></li>
        <li><img src={Recommendedforyou2} alt="" /></li>
        <li><img src={Recommendedforyou3} alt="" /></li>
        <li><img src={Recommendedforyou4} alt="" /></li>
        <li><img src={Recommendedforyou5} alt="" /></li>
        <li><img src={Recommendedforyou6} alt="" /></li>
        <li><img src={Recommendedforyou7} alt="" /></li>
        <li><img src={Recommendedforyou8} alt="" /></li>
        <li><img src={Recommendedforyou9} alt="" /></li>
        <li><img src={Recommendedforyou10} alt="" /></li>
        <li><img src={Recommendedforyou11} alt="" /></li>
      </ul>
      <div className='button' onClick={picture}>
        <span>更多图片</span>
      </div>
      
    </div>
  )
}

export default Recommendedforyou
